<template>
	<view class="duilianpt">
		<template v-for="(item,inx) in dataList.meansList">
			<u-row justify="space-between" gutter="10">
				<u-col span="12">
					<view class="text-center">
						<text class="black-text">
							{{item.issue}}期:
							<text class="green1-text">{{dataList.remarks}}</text>
							:
							<text v-if="item.is_true > 0 && item.drawp" class="black-text">开:{{item.drawp}}</text>
							<text v-else  class="black-text">开:{{item.drawp || '??'}}</text>
						</text>
					</view>
					<view class="text-container">
						<text class="text-item1 black-text">
							<text class="blue1-text">①波</text>
							<text v-if="item.means.bose && item.means.bose.length">
								【
								<text :class="{'bg-yellow' : vl.isTrue, 'blue-text':(vl.color == 'blue'), 'green1-text':(vl.color == 'green'), 'red-text':(vl.color == 'red')}"  v-for="(vl,vk) in item.means.bose" :key="vk">{{vl.value}}</text>
								】
							</text>
							<text class="blue1-text">①头</text>
							<text v-if="item.means.tou && item.means.tou.length">
								【
								<text :class="{'bg-yellow' : vl.isTrue}"  v-for="(vl,vk) in item.means.tou" :key="vk">{{vl.value}}</text>
								】
							</text>
							
						</text>
						<text class="text-item1 black-text">
							<text class="blue1-text">主10码：</text>
							<text v-if="item.means.ball && item.means.ball.length">
								<text :class="{'bg-yellow' : vl.isTrue, 'blue-text':(vl.color == 'blue'), 'green1-text':(vl.color == 'green'), 'red-text':(vl.color == 'red')}"  v-for="(vl,vk) in item.means.ball" :key="vk">
									{{vl.value}}
									<text v-if="vk < (item.means.ball.length-1)">.</text>
								</text>
								
							</text>
							
						</text>
					</view>
				</u-col>
			</u-row>
		</template>
	</view>
	
</template>

<script>
export default {
	name: 'CaiBaWang1b1t',
	props: {
		// 定义一个名为dataList的prop来接收数组数据
		dataList: {
		  type: [Object,Array],
		  default: () => {
			  return {};
		  },
		},
		isShowAll :{
			type:[Boolean],
			default : () =>{
				return false;
			}
		},
	},
	data(){
		return {
			
		}
	},
	mounted() {
	},
	methods: {
		
	}
};
</script>

<style lang="scss" scoped>
@import "@/static/css/common.css";
</style>
